body {
	margin: 0;
	padding: 0;
}
.col-wrapper {

	* {
		margin: 0;
		padding: 0;
		list-style: none;
	}
}
.clearfix {
	clear: both;
}
$blue: #078DFF;
$red: #F40226;
$green: #05C911;
$grey: #d7d7d7;
$orange: #fc6932;
$white: #ffffff;

.col-wrapper {
	width: 1060px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	a {
		text-decoration: none;
	}
	.col-item {
		width: 48%;
		float: left;
		margin-right: 1.5%;
		margin-bottom: 20px;
		border: 1px solid $blue;
		border-radius: 5px;
		overflow: hidden;
		&:nth-child(2n) {
			margin-right: 0%;
		}
		.col-header {
			padding: 10px;
			overflow: hidden;
			border-bottom: 1px solid #d7d7d7;
			background-color: $blue;
			color: $white;
			span {
				font-size: 20px;
				float: left;
			}
			.page-btn-row {
				float: right;
				a {
					color: $white;
					font-size: 20px;
					transition: color .3s ease-in;
					padding: 0 5px;
					&:hover {
						color: darken($blue, 15%);
					}
				}
			}
		}
		.col-body {
			height: 280px;
			overflow: hidden;
			padding: 10px;
		}
		.col-footer {
			border-top: 1px solid $blue;
			padding: 10px;
		}
	}
}
.swiper-container {
	width: 100%;
	height: 200px;
}
.box {
	&.box-1 {
		background-color: $red;
	}
	&.box-2 {
		background-color: $blue;
	}
	&.box-3 {
		background-color: $grey;
	}
}